<template>
  <div>
    <h1>小灰灰</h1>

    <!-- $emit 子传父   将子组件的数据传递给父组件 
    
    准备工作：
    绑定事件如何绑定
    绑定事件
    事件名：click  
    事件后面跟回调函数  test
    
    触发事件（分发事件）
    用户鼠标进行点击触发事件 

    自定义事件  自己起事件名
    绑定事件

    触发/分发事件 this.$emit(事件名，传递的数据)
    -->
    <button v-on:click="test">测试点击事件</button>
    <button @click="test">测试点击事件</button>
    <button @click="dason">打了小灰灰</button>
  </div>
</template>

<script>
export default {
  name: "",
  props: [""],
  data() {
    return {
      info: "我爸还会回来呢！！",
    };
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {
    test() {
      console.log("这是小灰灰组件！！");
    },
    dason() {
      console.log("点击打了小灰灰");
      // 触发事件
      this.$emit("son", this.info);
    },
  },

  watch: {},
};
</script>
<style lang='' scoped>
</style>